﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta name="keywords" content="<!--SEO优化区域-->" />
<meta name="description" content="<!--SEO优化区域-->" />
<title>CSECL CSS Framework</title>
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/mod.css" />
<link rel="stylesheet" href="css/style.css" />

<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script>
$(document).ready(function(){
var i=-1;
$("#pingfen_sect em").html(["很差","较差","还行","推荐","力荐"][i]);
$('#pingfen_sect span').slice(0,i+1).css("background-position","0 -20px").end().each(function(index){
$(this).mouseover(function(){
$(this).css("background-position","0 -20px").prevAll().css("background-position","0 -20px").end().nextAll().css("background-position","0 0");
$("#pingfen_sect em").html(["很差","较差","还行","推荐","力荐"][index]).attr("v",["1","2","3","4","5"][index]);
}).mouseout(function(){
$('#pingfen_sect span').slice(0,i+1).css("background-position","0 -20px").end().slice(i+1,$("#pingfen_sect span").length).css("background-position","0 0");
(i<0)?$("#pingfen_sect em").html(""):$("#pingfen_sect em").html(["很差","较差","还行","推荐","力荐"][i]).attr("v",["1","2","3","4","5"][i]);
}).click(function(){
$("#pingfen_sect span").unbind().css("cursor","auto");
var ii = $("#pingfen_sect em").attr("v");
alert(ii+"分");
});
});
})
</script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/lib.js"></script>
<script type="text/javascript" src="js/163css.js"></script>
<!--[if ie 6]>
<link rel="stylesheet" href="css/ie6.css">
<script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo');

</script>
<![endif]-->
</head>
<body>
	<div id="header" class="mgb22"><!--头部区域-->
		<div id="topbar"><!--顶部通栏-->
		<div class="w960 center">
			<a class="topbar-a fl" href="" title="wineadvocate.cn">wineadvocate.cn</a>
			<ul class="topbar-ul fr">
				<li><a href="" title="加入收藏">加入收藏</a></li>
				<li><a href="" title="加入收藏">登陆</a></li>
				<li><a href="" title="加入收藏">注册</a></li>
			</ul>
		</div>
		</div><!--顶部通栏结束-->
		<div class="clear"></div>
		<div id="head">
		<div class="w960 center">
			<a class="block fl" href="" title="醺然网">
				<h1 class="logo"><span class="dpn">醺然网</span></h1>
			</a>
			<form class="searchForm fr" action=""><!--头部搜索表单-->
				<fieldset>
					<input id="headKeyword" class="fl" type="text" value="搜索您感兴趣的内容" autocomplete="off" name="keyword"  style="color: rgb(153, 153, 153);" />
					<button id="headSubmit" class="fl" type="submit">搜索</button>
				</fieldset>
			</form>
		</div>
		</div>
		<div class="clear"></div>
		<div id="nav">
		<div class="w960 center">
			<ul class="nav-ul fl">
				<li><a href="" title="首页"><b>首页</b></a></li>
				<li><a href="" title="品位天堂"><b>品位天堂</b></a></li>
				<li><a href="" title="社区"><b>社区</b></a></li>
				<li><a href="" title="博客"><b>博客</b></a></li>
				<li><a href="" title="电台"><b>电台</b></a></li>
				<li><a href="" title="视频"><b>视频</b></a></li>
				<li><a href="" title="我的醺然"><b>我的醺然</b></a></li>
			</ul>
			<ul class="userDo fr">
				<li><a href="" title="推荐红酒榜单">推荐红酒榜单</a></li>
				<li><a href="" title="创建我的红酒表单">创建我的红酒表单</a></li>
			</ul>
		</div>
		</div>
	</div><!--头部区域结束-->
	<div class="clear"></div>
	<div id="container"><!--网站内容区域-->
		<div id="main"><!--页面主体-->
			<div class="mainCol fl mgr22">
				<div >
					<div class="Wname">
						<h2 class="wineH2">俄罗斯河谷乌兹莱妮兹莫白葡萄酒</h2>
						<h4 class="modH4">Z mor,Dry Gewurztraminer Russian River Valley</h4>
					</div>
					<div class="fl">
						<div class="intro-img">
						<div id="preview">
						<div class="jqzoom" id="spec-n1" onClick="window.open('#')"><img height="200"
						src="images/wine.png" jqimg="images/wine.png" alt="" width="160" />
						</div>
						<div id="spec-n5">
							<div class="control" id="spec-left">
								
							</div>
							<div id="spec-list">
								<ul class="list-h">
									<li><img src="images/wine.png" alt="" /> </li>
									<li><img src="images/wine.png" alt="" /> </li>
									<li><img src="images/wine.png" alt="" /> </li>
								</ul>
							</div>
							<div class="control" id="spec-right">
								
							</div>
							
						</div>
						</div>
					<script type="text/javascript">
						$(function(){			
						   $(".jqzoom").jqueryzoom({
								xzoom:400,
								yzoom:400,
								offset:10,
								position:"right",
								preload:1,
								lens:1
							});
							$("#spec-list").jdMarquee({
								deriction:"left",
								width:160,
								height:56,
								step:2,
								speed:4,
								delay:10,
								control:true,
								_front:"#spec-right",
								_back:"#spec-left"
							});
							$("#spec-list img").bind("mouseover",function(){
								var src=$(this).attr("src");
								$("#spec-n1 img").eq(0).attr({
									src:src.replace("\/n5\/","\/n1\/"),
									jqimg:src.replace("\/n5\/","\/n0\/")
								});
								$(this).css({
									"border":"2px solid #ff6600",
									"padding":"1px"
								});
							}).bind("mouseout",function(){
								$(this).css({
									"border":"1px solid #ccc",
									"padding":"2px"
								});
							});				
						})
					</script>

					
				</div>
					</div>
					<div class="mgl15 fl">
						<ul class="inforDl">
							<li>葡萄酒种类:<span>半甜白</span></li>
							<li>产地:<span>德国 普法尔茨</span></li>
							<li>葡萄品种:<span>100%格涅兹塔明娜</span></li>
						
							<li>级别:<span>德国特定产区（特级）优质酒Q.M.P</span></li>
						
							<li>酒精度:<span>120%</span></li>
							
							<li>规格:<span>750ml</span></li>
							
							<li>香味:<span>荔枝、成熟芒果、甘草</span></li>
							
							<li>色泽:<span>浅黄色</span></li>
							
							
							
						</ul>
					</div>
					<div class="starbox">
						
						<div class="rating_wrap clearbox" rel="v:rating">
							<p class="rating_self clearfix" typeof="v:Rating">
								<span class="ll bigstar45"></span>
								<strong class="ll rating_num" property="v:average">8.6</strong>
								<span content="10.0" property="v:best"></span>
							</p><div style="_width:50px;_height:30px;*width:50px;*height:30px;"></div>
							<p class="rating_self font_normal">
								(
								<a href="collections">
								<span property="v:votes">19</span>
								人评价
								</a>
								 )
							</p>
								<span class="stars5 starstop" title="力荐"></span>
							<div class="power" style="width:54px"></div>
							 52.6%
							 <br>
								<span class="stars4 starstop" title="推荐"></span>
						  <div class="power" style="width:27px"></div>
								 26.3%
							 <br>
						   <span class="stars3 starstop" title="还行"></span>
							 <div class="power" style="width:21px"></div>
								  21.1%
							<br>
						<span class="stars2 starstop" title="较差"></span>
						<div class="power" style="width:0px"></div>
							0.0%
							<br>
							<span class="stars1 starstop" title="很差"></span>
									<div class="power" style="width:0px"></div>
									0.0%
											<br>
						</div>
						
					
					</div>
				</div>
				<div class="clear"></div>
				<div class=".interact">
				<!--顶踩功能-->
				<div>
					<a class="fl" href="#"><img src="images/up.jpg"/></a>
					<a class="fl" href="#"><img src="images/down.jpg" /></a>
					<a class="fl" href="#"><img src="images/collect.jpg" /></a>
					<a class="fl" href="#"><img src="images/comment.jpg" /></a>
					<a href="javascript:void(0);" style="position:relative;top:8px;left:-348px; z-index:100; float:left;" runat="server" id="A_Recommend">(145)</a>
				</div>
					<div class="shar fl">
					   <p style="line-height:30px;">&nbsp;&nbsp;&nbsp;一键分享：</p>
					</div>
					<a href="#"><img src="images/sina.jpg" /></a>
					<a href="#"><img src="images/qq.jpg" /></a>
				</div>
				<div class="clear"></div>
				<div class="mod1">
					<div>
					<h3 class="modH3">详细介绍</h3>
					<span class="modSpan w600"></span>
					</div>
					<div class="modbg">
						<p><span>Tasting Notes:</span>Lovely golden-green color,The restraired,aromatic nose gradually reveals beautiful stone fruits,classic rose petal and lychee aromas with just a hint of smoke.Medium to full-bodied with lovely creamy acidity backing up flavors of lychee,lemon,slate,an lime zest,</p>
						<p class="mgt12"><span>酒品笔录：诱人的</span>诱人的金黄色中混有淡绿色。此款葡萄酒的香气中融合了桃类、柠檬、青柠皮、打火石的味道。口感浓郁顺中透着清新，回味持久。</p>
					</div>
				</div>
				<div class="mod1">
					<h3 class="modH3">热门评论</h3>
					<span class="modSpan w600"></span>
					<div class="modbg">
						<ul class="commentlist">
							<li  class="comment cbd">
								<div class="comment">
									<div class="gravatar">
										<img   src="images/user_img1.jpg" alt="">
									</div>
									
									<div class="comment-p">
										<div class="comment-meta">
											<span class="pNname">Aremy</span>
											<span class="stars stars4" title="推荐"></span>
										</div>
										<div class="pTime">
											<span class="pDate">2011/05/21</span>
											<span class="pclock">14:11</span>
										</div>
											<p>
                                      酒体呈现出宝石般的色泽，散发着浓郁的香料、烟味及深色水果的芳香。酒体适中，层次丰富，单宁完整，回味深沉持久有着丝般感受。
								      酒体呈现出宝石般的色泽，散发着浓郁的香料、烟味及深色水果的芳香。酒体适中，层次丰富，单宁完整，回味深沉持久... ...
                                    		</p>
									</div>
									<div class="reply">
										<a class="comment-reply-link" onclick="" href="">回复</a>
									</div>
								</div>
								<div class="clear"></div>
								<ul class="children">
									<li  class="comment">
								<div class="comment">
									<div class="gravatar">
										<img  src="images/user_img1.jpg" alt="">
									</div>
									<div class="comment-p">
										<div class="comment-meta">
											<span class="pNname">Aremy</span>
											<span class="stars stars2" title="推荐"></span>
										</div>
										<div class="pTime">
											<span class="pDate">2011/05/21</span>
											<span class="pclock">14:11</span>
										</div>
											<p>
                                      酒体呈现出宝石般的色泽，散发着浓郁的香料、烟味及深色水果的芳香。酒体适中，层次丰富，单宁完整，回味深沉持久有着丝般感受。
								      酒体呈现出宝石般的色泽，散发着浓郁的香料、烟味及深色水果的芳香。酒体适中，层次丰富，单宁完整，回味深沉持久... ...
                                    		</p>
									</div>
									<div class="reply">
										<a class="comment-reply-link" onclick="" href="">回复</a>
									</div>
									<div class="clear"></div>
								</div>
									</li>

								</ul>
								
							</li>
							<li>
								<div class="comment">
									<div class="gravatar">
										<img  src="images/user_img1.jpg" alt="">
									</div>
									<div class="comment-p">
										<div class="comment-meta">
											<span class="pNname">Aremy</span>
											<span class="stars stars3 " title="推荐"></span>
										</div>
										<div class="pTime">
											<span class="pDate">2011/05/21</span>
											<span class="pclock">14:11</span>
										</div>
											<p>
                                      酒体呈现出宝石般的色泽，散发着浓郁的香料、烟味及深色水果的芳香。酒体适中，层次丰富，单宁完整，回味深沉持久有着丝般感受。
								      酒体呈现出宝石般的色泽，散发着浓郁的香料、烟味及深色水果的芳香。酒体适中，层次丰富，单宁完整，回味深沉持久... ...
                                    		</p>
									</div>
									<div class="reply">
										<a class="comment-reply-link" onclick="" href="">回复</a>
									</div>
									<div class="clear"></div>
								</div>
							</li>
						</ul>
						<div class="comment-page clearfix">
							<a class="prev page-numbers" href="">上一页</a>
							<a class="page-numbers" href="">1</a>
							<a class="page-numbers" href="">2</a>
							<a class="page-numbers" href="">3</a>
							<span class="page-numbers current">4</span>
							<a class="page-numbers" href="">5</a>
							<a class="prev page-numbers" href="">下一页</a>
						</div>
						<span class="shixin"></span>
						<div id="respond" class="box"><!--表单-->
							<div class="formdiv">
							<form class="pForm" action="">
								<fieldset>
									<div>
										<label class="pLab" for="author">标题</label>
										<input id="pTitle" type="text" aria-required="true" tabindex="3" size="22" value="" name="author">
									</div>
									<div class="mgt12">
										<label  class="pLab" for="author">内容</label>
										<textarea id="comment" tabindex="7" rows="6" cols="50" name="comment"></textarea>
									</div>
									<div class="mgt12">
									
									<div id="pingfen_sect">
<strong>评分：</strong>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<em></em>
</div>
									
										<div class="btSub">
										
											<input id="submitP" class="box" type="submit" value="" tabindex="8" name="submit">
										</div>
										<div class="clear"></div>
									</div>
								</fieldset>
							</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="rightCol fl">
				<div class="mod1">
					<div>
						<h3 class="modH3">相关信息</h3>
						<span class="modSpan w190"></span>
					</div>
					<div class="modbg bgg">
						<div class="mod11">
						   <h4 class="modH4">在哪可以买到它</h4>
						   <ul class="mod-ul block">
						   	<li><a href="" title="葡萄酒购买">卓越亚马逊</a>(<span><span>RMB</span> 19.60</span>)</li>
						   	<li><a href="" title="葡萄酒购买">当当网</a>(<span><span>RMB</span> 19.60</span>)</li>
						   	<li><a href="" title="葡萄酒购买">淘宝网</a>(<span><span>RMB</span> 19.60</span>)</li>
						   </ul>
						   <span class="mgt12 block">查看<a class="fwb pdl3" href="" title="">4</a>家网店的价格<span>18.8</span>元起</span>
						</div>
						<div  class="mod11">
						   <h4 class="modH4">在哪儿品到它？</h4>
						   <address>
						   	<a href="" title="葡萄酒购买">欧洲 俄罗斯</a><br/>
						   	<a href="" title="葡萄酒购买">俄亥俄洲</a><br/>
						   	<a href="" title="葡萄酒购买">州立酒店</a>
						   </address>
						   <a class="fr more" href="" title="">更多>></a>
						</div>
						<div class="clear"></div>
						<div  class="mod11">
						   <h4 class="modH4">谁提到过他？</h4>
						   <ul class="right-p">
						   	<li>
							<div class="mgt12">
								<div class="gravatar">
										<img  src="images/user_img1.jpg" alt="">
								</div>
								<div class="comment-m">
										
											<span class="pNname">Aremy</span>
											
										
											<span class="pDate">2011/05/21</span>
											<span class="pclock">14:11</span>
										<div>
											<p>
                                      富有柔和的玫瑰香气，一款带有多种芳香的葡萄酒。富有柔和的玫瑰香气，一款带有多种芳香的葡萄酒。
                                    		</p>
										</div>
								</div>
							
							</div>
							</li>
							<li>
							<div>
								<div class="gravatar">
										<img  src="images/user_img1.jpg" alt="">
								</div>
								<div class="comment-m">
										
											<span class="pNname">Aremy</span>
											
										
											<span class="pDate">2011/05/21</span>
											<span class="pclock">14:11</span>
										<div>
											<p>
                                      富有柔和的玫瑰香气，一款带有多种芳香的葡萄酒。富有柔和的玫瑰香气，一款带有多种芳香的葡萄酒。
                                    		</p>
										</div>
								</div>
							
							</div>
							</li>
							
						   </ul>
						   
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<div>
					<h3 class="modH3">其他产品</h3>
					<span class="modSpan w190"></span>
					<div class="modbg">
						<ul class="imgS-ul">
							<li><img class="imgS" src="images/wineS.png" alt="英国威尔斯戴维酒庄葡萄干红珍藏版" /><a href="" title="英国威尔斯戴维酒庄葡萄干红珍藏版">英国威尔斯戴维酒庄葡萄干红珍藏版</a></li>
							<li><img class="imgS" src="images/wineS.png" alt="英国威尔斯戴维酒庄葡萄干红珍藏版" /><a href="" title="英国威尔斯戴维酒庄葡萄干红珍藏版">英国威尔斯戴维酒庄葡萄干红珍藏版</a></li>
							<li><img class="imgS" src="images/wineS.png" alt="英国威尔斯戴维酒庄葡萄干红珍藏版" /><a href="" title="英国威尔斯戴维酒庄葡萄干红珍藏版">英国威尔斯戴维酒庄葡萄干红珍藏版</a></li>
						</ul>
					</div>
				</div>
				<div>
					<h3></h3>
					<span></span>
					<div></div>
				</div>
			</div>
		</div><!--页面主体结束-->
		
	</div><!--网站内容区域结束-->
	<div class="clear"></div>
	<div id="footer"><!--底部-->
		<div class="foot_con">
			<img src="images/logo1.png" alt="" />
			<p>Copyright &copy; 2011 上海众企网络文化传播有限公司 | 沪ICP备11024134号-1 </p>
			<p>联系电话：400 883 1119</p>
		</div>
		
	</div><!--底部结束-->
	<div class="jqPreload0" style="display:none;">
		
	<img src="images/wine.png" alt="" />
</div>

</body>
</html>

